@charset "utf-8";
@media (max-width:1199px) {
body{min-width:320px;}
.container{width:auto;}	
.header{min-width:320px; height:auto;}

.layout{padding: 30px 15px 10px;}
.mainBox{padding: 15px 15px 0;}
.margins{margin-top: 20px; margin-bottom: 10px;}
.common-head .menu1 li{margin-right: 25px; font-size: 1.125em;}
.crumb{padding:12px 10px;}
.crumb dl dd{margin-left:28px;}
.ztzl .owl-nav a{background:rgba(0,0,0,.3)!important;}
.ztzl .owl-nav a:hover{background:rgba(0,0,0,.5)!important;}
.ztzl .owl-nav a:before{background-image:url(../images/slider_arrow_whit.png)!important;}
.ztzl .owl-nav .owl-prev{left:5px;}
.ztzl .owl-nav .owl-next{right:5px;}
.ztzl.caption{padding-left: 0;}
.ztzl.caption .head{position: static; display: block; margin-bottom: 10px; width: auto; background-color: transparent;}
.ztzl.caption .head a{float: left; position: static; margin-top: 0; width: auto; font-size: 1.125em; padding-right: 15px; padding-left: 15px; line-height: 40px; background-color: #bf2034;}

.tpxw .owl-carousel .item-name{height:42px; line-height:42px;}
.tpxw .owl-dots{bottom:15px;}

.header .inhead .bannerSlide{height: 500px;}

}

@media (max-width:1023px) {
.header .inhead .top-link li{float: none; margin-bottom: 5px;}
}

@media (max-width:991px) {
body{font-size:15px;}
.easyBtn .quickPanel{display: none !important;}
.easyBtn .dl-toggle{display: none !important;}
.easyBtn .dl-gotop.on{width: 50px;}
.easyBtn .dl-gotop.on dt{width: 50px;}
.mainBody.mb{margin-bottom:0;}
.mainBody.mt{margin-top:0;}
.mainBox{padding:15px 15px 0; overflow:hidden;}
.innerBox.mb{margin-bottom:0;}
.module-main{margin-right:-8px; margin-left:-7px;}
.module-box{margin-right:8px; margin-left:7px;}
.module-span4{float:none; width:auto !important;}
.module-span3{float:none; width:auto !important;}
.module-span6{float:none; width:auto !important;}
.module-span8{float:none; width:auto !important;}
.module-span5{float:none; width:auto !important;}
.module-span7{float:none; width:auto !important;}
.margins{margin-top: 0; margin-bottom:0;}
.mb{margin-bottom:15px;}
.mb2{margin-bottom:15px;}
.mb3{margin-bottom:15px;}
.mt{margin-top:15px;}
.grid.border{padding: 0; border: none;}
.menu-icons{margin-right:-8px !important; margin-left:-7px !important;}
.menu-icons li a{margin:0 8px 15px 7px !important;}
.menu-icons li a:before{margin-right:10px;}
.crumb{background-color:#ededed; margin:0;}
.crumb dl dt{left:5px;}
.crumb dl dd{margin-left:30px;}
.pagediv{padding-top:25px; padding-bottom:25px;}
.imageList ul{margin:0 -8px 0 -7px;}
.imageList ul li a{margin:15px 8px 0 7px;}
.imageList ul li span.pic{height:208px !important;}
.imageList ul li{width:33.33333% !important;}

.common-bd{padding-top: 10px;}
.common-head .hd li{font-size:1.125em; margin-right: 20px;}
.common-head.nb{border-bottom: 1px solid #e4e4e4;}
.common-head.nb .menu1 li{padding-bottom: 12px;}
.common-head.nb .menu1 li.on:before{content: "";}
.otherList .infoList li h4{padding-right:100px; text-align:left;}
.otherList .infoList li h4 a{float:left; max-width:100%; line-height:1.8em; white-space:nowrap;}
.otherList .infoList li h4 .time{position:absolute; float:none; margin-top:-.9em; line-height:1.8em;}
.ajaxList li.head{padding-top:15px; padding-bottom:5px;}

.rel-appendixs h3{padding:20px 0 5px;}

.tpxw .owl-carousel .item img{height:auto !important;}
.midbanner .owl-carousel .item img{height:auto !important;}

.header .inhead{padding-bottom: 50px; background-image: url(../images/banner1.jpg); background-repeat: no-repeat; background-position: center top;}
.header .inhead .bannerSlide{display: none;}
.header .inhead .container{position: static;}
.header .inhead .top-right .tq{display: none;}
.header .inhead .top-right .menu li.wza{display: none;}
.header .inhead .top-right .menu li.mobile{display: none;}
.header .inhead .top-right .menu li h4 a{margin-left: 0;}
.header .logo{padding: 100px 15px 50px;}
.header .search{position:static; width:auto; margin: 0 15px; border:1px solid #ccc;}
.header .search dl dd input[type="text"]{height:45px; font-size:15px; line-height:45px;}

.mainnav-pc{padding:2px 0;}
.mainnav-pc .swiper-slide{width:25%;}
.mainnav-pc .swiper-slide .link{display:block; margin:2px 4px; padding-top: 4px; padding-bottom: 7px;}
.mainnav-pc .swiper-slide .link:before{display: none;}
.mainnav-pc .swiper-slide:before{position:absolute; top:50%; left:0; z-index:1; content:""; width:1px; height:20px; margin-top:-10px; background-color:rgba(255,255,255,.65);}
.mainnav-pc .swiper-slide.checked a,
.mainnav-pc .swiper-slide a:hover{background-color:rgba(255,255,255,.35);}
.mainnav-pc .swiper-slide-home:before{content: normal;}
.mainnav-pc .swiper-slide-4:before{content: normal;}

.mainnav-m .swiper-slide{margin-left:0; width: auto;}
.mainnav-m .swiper-slide .link{padding: 15px 20px 15px 15px;}
.mainnav-m .swiper-slide .link:after{bottom:0;}

.header .inhead .top-right{right: 10px;}
.header .inhead .top-right .ipv6{width: 90px; text-align: center;}
.header .inhead .top-link{top: 45px; left: auto; right: 55px; max-height: 0; opacity:0; transition: all .3s; -webkit-transition: all .3s;  overflow: hidden;}
.header .inhead .top-link ul{margin-top: 14px; background-color: rgba(0,0,0,.6);}
.header .inhead .top-link:before{position: absolute; top: 0; left: 50%; content: ""; margin-left: -7px; border: transparent solid 7px; border-bottom-color: rgba(0,0,0,.6);}
.header .inhead .top-link li{padding: 5px 10px; margin-right: 0; margin-bottom: 0; border-bottom: 1px solid rgba(255,255,255,.35);}
.header .inhead .top-link li a{color: #fff;}
.header-opend .inhead .top-link-mobile{opacity:100%; max-height: 137px;}

.header-toggle-btn{ display: block; width: 30px; height: 30px; color:#fff; background-color: #bf2034; border-radius: 50%; cursor:pointer;}
.header-toggle-btn div{position:relative; display: block; width:18px; height:12px; margin: 9px auto; cursor:pointer;}
.header-toggle-btn span{position:absolute; display:block; left:0; width:100%; height:15%; background:#fff; transition:all .3s; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%);}
.header-toggle-btn span:nth-child(1){top:0;}
.header-toggle-btn span:nth-child(2){top:50%;}
.header-toggle-btn span:nth-child(3){top:100%;}
.header-opend .header-toggle-btn span:nth-child(1){
        top:50%;
        -webkit-transform:translateY(-50%) rotate(-45deg);
        -ms-transform:translateY(-50%) rotate(-45deg);
        transform:translateY(-50%) rotate(-45deg);
}
.header-opend .header-toggle-btn span:nth-child(2) {
        -webkit-transform:translateY(-50%) scaleX(0);
        -ms-transform:translateY(-50%) scaleX(0);
        transform:translateY(-50%) scaleX(0);
}
.header-opend .header-toggle-btn span:nth-child(3) {
        top:50%;
        bottom:auto;
        -webkit-transform:translateY(-50%) rotate(45deg);
        -ms-transform:translateY(-50%) rotate(45deg);
        transform:translateY(-50%) rotate(45deg);
}

.navs-list li{width: 33.33333% !important;}
}

@media (max-width: 880px) {
.imageList ul li span.pic{height: 180px !important;}
}

/* xs mobile*/
@media (max-width: 768px) {
body{font-size:15px;}

.common-head.add .menu1{float:none; margin-right:-2px; margin-left:-2px;}
.common-head.add .menu1 li{width:25%; padding:0 !important; margin-right:0; margin-bottom:0; border-bottom:none;}
.common-head.add .menu1 li:before{content:normal;}
.common-head.add .menu1 li span{display:block; margin:0 2px 4px; padding:4px 0; background-color:#eee;}
.common-head.add .menu1 li.on span{color:#fff; background-color:#e24745;}
.common-head.add .menu1 li.on a{color:#fff;}
.ajaxList li{padding-top:15px; padding-bottom:15px; border-bottom:1px solid #ededed;}
.ajaxList li.head{padding-top:10px !important; padding-bottom:10px !important; border-bottom:none; background-color:#f8f8f8;}
.ajaxList li.head h4{padding-left:12px;}
.imageList ul li span.pic{height:160px !important;}
.pagediv .page_index{display: none;}

.infoList.twoCols li{width: 100%;}
}

@media (max-width:680px) {
.imageList ul li{width:50% !important;}
.imageList ul li span.pic{height:168px !important;}

.navs-list li{width: 50% !important;}

.header .inhead{padding-bottom:30px;}
.header .logo{padding-top:80px; padding-bottom:30px;}
}

@media (max-width:640px) {
.common-head.add .menu1 li{width:50%;}
.common-more{display:none;}
.common-bd{padding-top:5px;}
.infoList li{padding-top:10px; padding-bottom:10px; border-bottom:1px solid #e6e6e6;}
.inMobile{display:block;}
.imageList ul li span.pic{height:160px !important;}
.imageList ul li span.txt{padding:5px;}
.imageList ul li span.txt:before{content:normal;}
.imageList ul li span.txt font{display:block; width:auto; line-height:35px; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis;}

.package .subnavs{position: static; margin-top: 15px;}
.package .subnavs li{margin-left: 1em;}
}

@media (max-width: 480px) {
.imageList ul li span.pic{height:132px !important;}
}


@media (max-width: 450px) {
.header .version li.nowDate{display:none;}
.header .version li.En a:after{content:normal;}
.infoList.fileList li h4 a font{float:none; white-space:normal; max-width:100%;}
.infoList.fileList li .Icon{float:none; display:inline-block; vertical-align:middle;}
.infoList li h4{padding-right:0 !important;}
.infoList li h4 a{display:inline !important; float:none !important; max-width:none !important; padding-right:12px !important; white-space:normal !important;}
.infoList li h4 .time{position:static !important;}
.imageList ul li span.txt{font-size: .9375em;}
.imageList ul li span.pic{height:120px !important;}
.navs-list li{width: 50% !important;}
.navs-list li a font b{margin-left: 20px;}
.navs-list li a font:before{left: 6px;}

.header .search dl dd input[type="text"]{height:36px; line-height:36px;}
.header .search dl dd{margin-right: 60px; margin-left: 15px;}
.header .search dl dt.button{width: 50px;}

}

@media (max-width: 360px){
.navs-list li{width: 100% !important;}
}


@media (max-width: 320px){
}